<template>
  <el-menu
    mode="horizontal"
    :router="true"
    class="nav-menu"
    :default-active="$route.path"
  >
    <el-menu-item index="/">首页</el-menu-item>
    <el-menu-item index="/opportunity">机会</el-menu-item>
    <el-menu-item index="/share">分享</el-menu-item>
    <el-menu-item index="/ai">AI助手</el-menu-item>
    <el-menu-item index="/profile">我的</el-menu-item>
  </el-menu>
</template>

<script setup>
import { useRoute } from 'vue-router'

const $route = useRoute()
</script>

<style scoped>
.nav-menu {
  border-bottom: none;
}
</style>